import React from 'react';
import {BrowserRouter as Router, Route,Link} from 'react-router-dom'
import LoginOrRegister from "./LoginOrRegister";
import IndexContent from "./IndexContent";
export default class Head extends React.Component{


  constructor(p) {
    super(p);
    this.state={
      change:0
    }
  }

  render() {
   return <section className="index_head">
       <div className='head_list_content'>
         <ul className='head_list'>
           <li className='index_head_but' onClick={(e)=>{
             if (this.state.change==0){
               this.setState({
                 change:1
               });
             }else{
               this.setState({
                 change:0
               });
             }
           }}><Link className='index_head_but_span' to='/'>首页</Link></li>
           <li className='index_head_but'><Link className='index_head_but_span' to='/all'>精彩片段</Link></li>
           <li className='index_head_but'><Link className='index_head_but_span' to='/login'>登录</Link></li>
           <li className='index_head_but'><Link className='index_head_but_span' to='/login'>注册</Link></li>
         </ul>
       </div>
    </section>
  }
}
